.count-indicator {
     position: relative;
     text-align: center; 
     margin-right: 18px;
   }

    .nav-item i {
      font-size: 15px;
      margin-right: 0;
      vertical-align: middle; 
  }
    .nav-link .count {
      position: absolute;
      left: 50%;
      width: 1.1rem;
      height: 1.1rem;
      border-radius: 100%;
      background: #ff5100;
      color: #ffffff;
      font-size: 11px;
      top: -1px;
      font-weight: 600;
      line-height: 1rem;
      border: none;
      text-align: center; 
  }

  .preview-list .preview-item{
      color: #fff;
      background-color: #fff;
      white-space:normal;
  }

  .nav-item .dropdown-menu.notification-menu {
      width: 600px !important;
  }

  .preview-list .preview-item:hover,.preview-list .preview-item:focus {
    color: #fff;
    text-decoration: none;}
  .preview-items{
    display: inline-block;
    width: 85%;
  }

  .dism_btn{
    background: #ff5100;
    border-color: #fff; 
    float: right;
    margin-right: 1%;
  }

  .dism_btn:hover{
    background: #ff5100;
    border-color: #fff; 
  }

  .notification-item{
      color: black;
  }

  @media (max-width: 768px) 
  {
    .count-indicator {
     position: relative;
     text-align: left; 
    }
    .nav-item i {
      font-size: 15px;
      margin-right: 0;
      vertical-align: middle; 
    }
    .nav-link .count {
      position: absolute;
      left: 1.5%;
      width: 1.1rem;
      height: 1.1rem;
      border-radius: 100%;
      background: #ff5100;
      color: #ffffff;
      font-size: 11px;
      top: -1px;
      font-weight: 600;
      line-height: 1rem;
      border: none;
      text-align: center; 
    }
    .nav-item .dropdown-menu.notification-menu {
      width: 300px !important;
    }
    .dism_btn{
      background: #ff5100;
      border-color: #fff; 
      float: left;
      margin-left: 6%;
      margin-bottom: 1%;
    }
    .divider{
    width: 100%;
    }
    .popout{
      position: absolute !important;
    }
  }